<div class="mine">
    <div id="Mineheader" x-model="Mineheader" class='header-title'>
        <img src="{{path}}" class='mine-header-title-back'/>
        <span class='mine-header-title-text'>{{title}}</span>
    </div>
    <div class="content">
        <div class='middle-up' x-model="middle-up">
            <img src='{{path1}}' class='middle-up-img'>
            <div class='middle-up-login'>
                <a x-route="/login">
                    <div class='middle-up-login-text'>登陆/注册</div>
                </a>
                    <img src='{{path2}}' class='middle-up-login-img' />
                    <div class='middle-up-login-down-text'>登录后享受更多特权 </div>
            </div>
        </div>
        <div class='middle-down' x-model="middle-down">
            <div class='middle-down-in' x-repeat="mymoney">
                <img src="{{path}}" class='middle-down-in-img'/>
                <div class='middle-down-in-text'>{{title}}</div>
            </div>
        </div>
        <div class='middle-address'>
            <img src='/elmDemo/app/img/index/mine/地址.png' class='middle-address-img'/>
            <div class='middle-address-text'>我的地址</div>
        </div>
        <div class='mine-middle' x-model="middle-coingift">
            <!--以下此为单位创建更小单元-->
            <div class='mine-middle-in' x-repeat="ciongifts">
                <img src='{{path}}' class='mine-middle-in-img'/>
                <div class='mine-middle-in-text'>{{title}}</div>
            </div>
        </div>
        <div class='mine-middle' x-model="middle-serviceapp">
            <div class='mine-middle-in' x-repeat="serviceapps">
                <img src='{{path}}' class='mine-middle-in-img'/>
                <div class='mine-middle-in-text'>{{title}}</div>
            </div>
        </div>
    </div>
</div>